<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Page Title</title>
</head>
<body>
   <ul id="list">
       <li>内容 1</li>
       <li>内容 2</li>
       
       <li>内容 3</li>
   </ul>
</body>
</html>

<script>
	// 创建标签li
    var li = document.createElement('li');
    // 设置li的内容
	li.innerText = '222222';
	// 获取ul标签
	var list = document.getElementById('list');
	// 获取ul标签的非空节点
	var lis = list.children;
    // 创建好的li标签插入到ul的第三个li标签前面
    list.insertBefore(li, lis[2]);
    
</script>